<script>
import {defineComponent} from 'vue'

export default defineComponent({
  name: "Detail",
  props:["id","title"]

})
</script>

<template>
  <div>
    <ul>
      <!--接收query参数-->
      <!--<li>消息编号:{{$route.query.id}}</li>-->
      <!--<li>消息标题:{{$route.query.title}}</li>-->

      <!--接收params参数-->
      <li>消息编号:{{ $route.params.id }}</li>
      <li>消息标题:{{ $route.params.title }}</li>
    </ul>
    <p>id:{{id}}</p>
    <p>title:{{title}}</p>
  </div>
</template>

<style scoped lang="less">

</style>
